
<!-- 导航 -->
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>  
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
 <head>  
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  <title>欢迎来到动漫之家~</title>
  <!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap/css/default.css">

<!-- <link rel="stylesheet" href="${pageContext.request.contextPath}/css/carousel.css" > -->
 <link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css" >

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="${pageContext.request.contextPath}/js/jquery-1.11.3.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script	src="${pageContext.request.contextPath}/css/bootstrap/js/bootstrap.min.js"></script>
<!-- <script src="${pageContext.request.contextPath}/js/common.js"></script> -->

 </head>
 <body>
<script type="text/javascript">
$(function(){ 

        var url=window.location.pathname;
	       $("#"+url).addClass('active').siblings().removeClass('active'); 
alert(url);
	});
//function selectMenu(targeturl){
//	alert(targeturl);
//	 $("#"+targeturl).addClass('active').siblings().removeClass('active');
	//var nowurl=window.location.pathname;
	//if(targeturl=="index"){
	//	$("#index").addClass("active");
	//}else if(targeturl=="saleGoods"){
	//	$("#saleGoods").addClass("active");
	//}else if(targeturl=="newGoods"){
	//	$("#newGoods").addClass("active");
	//}
	
//}
</script>
 <div class="container">

	<div class="row clearfix">
		<div class="col-md-12 ">
		
  <%@include file="/common/loginFormModal.jsp" %>
  <%@include file="/common/regFormModal.jsp" %>
  <%@include file="/common/cartModal.jsp" %>
   
  
   </div>
 			<ol class="navbar navbar-inverse" id="info">
 			
 		  <div class="col-md-8">
<ul class="nav nav-tabs">
  <li role="presentation" ><a href="index.jsp">原创</a></li>
  <li role="presentation"><a href="#">日漫</a></li>
  <li role="presentation"><a href="#">怀旧</a></li>
 <li role="presentation" class="active"> <a href="#">周边</a></li>
 <li role="presentation"><a href="#">直播</a></li>
 <li role="presentation"><a href="#">世界杯</a></li>
 <li role="presentation"><a href="#">下载APP</a></li>
 <li id="li1"><span style="color:red">亲爱的游客，欢迎来到动漫之家！</span>
</ul>
  </div>

    <!--  -->
     <div class="col-md-1">
   </div>
    <div class="col-md-3">
<ul class="nav nav-tabs">
<c:if test="${sessionScope['_LOGIN_USER_']==null}">	

  <li role="presentation"><a href="#loginFormModal" data-toggle="modal">登录</a></li>
  <li role="presentation"><a href="#regFormModal" data-toggle="modal">注册</a></li>
   <li role="presentation"><a href="#" onclick="showCart('${pageContext.request.contextPath}','${sessionScope.goodslist}')">
					 购物车 <span class="badge" id="cartBadge">${fn:length(sessionScope.goodslist)}</span></a></li>
  </c:if>
</ul>
  </div>
  <c:if test="${sessionScope['_LOGIN_USER_']!=null}">
					<li id="li1"><span style="color:red"> ${sessionScope['_LOGIN_USER_'].userName } ，您好，欢迎来到动漫之家！</span>										
					<li><a href="#" onclick="showCart()">购物车 <span class="badge" id="cartBadge">${fn:length(sessionScope.goodslist)}</span></a></li>
					<li><a href="${pageContext.request.contextPath}/order/getMyOrders">我的订单</a></li>
					<li><a href="${pageContext.request.contextPath}/usercenter/index">个人中心</a></li>
					<li><a href="#" onclick="logout('${pageContext.request.contextPath}')">退出登录</a></li>
				</c:if>  
 
			 </ol>
			
			 </div>
		</div>
<!-- ending -->
<div class="carousel slide" id="carousel-210314" data-ride="carousel" data-interval="2000">
				<ol class="carousel-indicators">
					<li class="active" data-slide-to="0" data-target="#carousel-210314">
					</li>
					<li data-slide-to="1" data-target="#carousel-210314">
					</li>
					<li data-slide-to="2" data-target="#carousel-210314">
					</li>
				</ol>
				<div class="carousel-inner">
					<div class="item active">
						<img alt="" src="${pageContext.request.contextPath}/images/暗黑龙骑士手办.jpg" />
						<div class="carousel-caption">
							<h4>
								暗黑龙骑士手办
							</h4>						
						</div>
					</div>
					<div class="item">
						<img alt="" src="${pageContext.request.contextPath}/images/Saber吾王手办.jpg" />
						<div class="carousel-caption">
							<h4>
								fate黑塞巴Saber吾王手办
							</h4>
							<p>
							
						</div>
					</div>
					<div class="item">
						<img alt="" src="${pageContext.request.contextPath}/images/雪乃.jpg" />
						<div class="carousel-caption">
							<h4>
								雪之下雪乃手办
							</h4>
							
						</div>
					</div>
				</div> <a class="left carousel-control" href="#carousel-210314" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-210314" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
			</div>
			<!-- 导航 -->
<div class="panel panel-default">
  <div class="panel-body">
   城市:&nbsp;&nbsp; &nbsp;&nbsp; <a class="active">全国</a>&nbsp;&nbsp;&nbsp;&nbsp; <a>上海</a> &nbsp;&nbsp;&nbsp;&nbsp;
   <a>北京</a>&nbsp;&nbsp;&nbsp;&nbsp; <a>广州</a>&nbsp;&nbsp; &nbsp;&nbsp;<a>成都</a> &nbsp;&nbsp;&nbsp;&nbsp;<a>苏州</a>&nbsp;&nbsp;&nbsp;&nbsp; <a>天津</a>&nbsp;&nbsp;&nbsp;&nbsp; <a>杭州</a> &nbsp;&nbsp;<a>沈阳</a>&nbsp;&nbsp; &nbsp;&nbsp;<a>武汉</a>&nbsp;&nbsp;&nbsp;&nbsp;
   <a>南宁</a>&nbsp;&nbsp;&nbsp;&nbsp;<a>乌鲁木齐</a>&nbsp;&nbsp;&nbsp;&nbsp;<a>哈尔滨</a>&nbsp;&nbsp;&nbsp;&nbsp;<a>长春</a>&nbsp;&nbsp;&nbsp;&nbsp;<a>青岛</a>&nbsp;&nbsp;&nbsp;&nbsp;<a>西安</a>&nbsp;&nbsp;&nbsp;&nbsp;<a>太原</a>&nbsp;&nbsp;&nbsp;&nbsp;<a>重庆</a>&nbsp;&nbsp;&nbsp;&nbsp;
   <a>厦门</a>&nbsp;&nbsp;&nbsp;&nbsp;<a>南京</a>&nbsp;&nbsp;&nbsp;&nbsp;<a>兰州</a>&nbsp;&nbsp;&nbsp;&nbsp;<a>天水</a>&nbsp;&nbsp;&nbsp;&nbsp;<a>韶关</a>&nbsp;&nbsp;&nbsp;&nbsp;
   <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">更多城市 <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">点击获取更多城市</a></li>      
          </ul>
          <br>
          类型：&nbsp;&nbsp; &nbsp;&nbsp;<a class="active">动漫嘉年华（1610）</a>&nbsp;&nbsp;&nbsp;&nbsp;<a class="active">主题漫展（1622）</a>&nbsp;&nbsp;&nbsp;&nbsp;<a class="active">海报/壁纸（2150）</a>&nbsp;&nbsp;&nbsp;&nbsp;<a class="active">动漫T恤/鞋帽/卫衣（26101）</a>&nbsp;&nbsp;&nbsp;&nbsp;
 <a class="active">抱枕/靠垫/小挂件/钥匙扣（6202）</a>&nbsp;&nbsp;&nbsp;&nbsp;<a class="active">动漫背包/箱包/手机配件（6220）</a>&nbsp;&nbsp;&nbsp;&nbsp;
 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">更多类型 <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">点击获取更多类型</a></li>      
          </ul>
 
  </div>
</div>

      
         
			<!-- 导航ending -->
			<!-- 周边推荐 -->
	
	  <div class="panel-body">
    <div class="col-md-4">
	  <a href="xuenai_detail.jsp" class="thumbnail homegoods">
      <img src="${pageContext.request.contextPath}/images/雪乃.jpg" >
      <div class="caption caption-style">
 
      <p>								雪之下雪乃手办
</p>  
<p style="color:red">价格、；80-160￥</p>
      </div>    
    </a>
	</div>
	 <div class="col-md-4">
	  <a href="anhei_detail.jsp" class="thumbnail homegoods">
      <img src="${pageContext.request.contextPath}/images/暗黑龙骑士手办.jpg" >
      <div class="caption caption-style">
     <p>暗黑龙骑士手办</p>
<p style="color:red">价格：356￥</p>
      </div>    
    </a>
	</div>
	 <div class="col-md-4">
	  <a href="#" class="thumbnail homegoods">
						<img alt="" src="${pageContext.request.contextPath}/images/Saber吾王手办.jpg" />
      <div class="caption caption-style">
     <p>								fate黑塞巴Saber吾王手办
</p>
      <p style="color:red">价格：120￥</p>
 
      </div>    
    </a>
	</div>
  </div>
    <div class="panel-body">
    <div class="col-md-4">
	  <a href="#" class="thumbnail homegoods">
      <img src="${pageContext.request.contextPath}/images/地狱少女.jpg" >
      <div class="caption caption-style">
 
      <p>								地狱少女
</p>  
<p style="color:red">价格、；60-160￥</p>
      </div>    
    </a>
	</div>
	 <div class="col-md-4">
	  <a href="#" class="thumbnail homegoods">
      <img src="${pageContext.request.contextPath}/images/海贼女帝.jpg" >
      <div class="caption caption-style">
     <p>海贼女帝</p>
<p style="color:red">价格：260￥</p>
      </div>    
    </a>
	</div>
	 <div class="col-md-4">
	  <a href="#" class="thumbnail homegoods">
						<img alt="" src="${pageContext.request.contextPath}/images/超可爱手办.jpg" />
      <div class="caption caption-style">
     <p>								超可爱手办
</p>
      <p style="color:red">价格：160￥</p>
 
      </div>    
    </a>
	</div>

  </div>
    <div class="panel-body">
    <div class="col-md-4">
	  <a href="#" class="thumbnail homegoods">
      <img src="${pageContext.request.contextPath}/images/安原绘麻.jpg" >
      <div class="caption caption-style">
 
      <p>								安原绘麻
</p>  
<p style="color:red">价格、；85-160￥</p>
      </div>    
    </a>
	</div>
	 <div class="col-md-4">
	  <a href="#" class="thumbnail homegoods">
      <img src="${pageContext.request.contextPath}/images/时崎狂三.jpg" >
      <div class="caption caption-style">
     <p>时崎狂三</p>
<p style="color:red">价格：302￥</p>
      </div>    
    </a>
	</div>
	 <div class="col-md-4">
	  <a href="#" class="thumbnail homegoods">
						<img alt="" src="${pageContext.request.contextPath}/images/狂三.jpg" />
      <div class="caption caption-style">
     <p>								狂三
</p>
      <p style="color:red">价格：350￥</p>
 
      </div>    
    </a>
	</div>

  </div>
			<!-- 周边ending -->
			
			<!-- 脚本注释 -->
		<%@include file="/common/footer.jsp"%>